<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="css/eui.css">
    <link rel="stylesheet" href="css/reg.css">
    <link rel="stylesheet" href="css/header.css">
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="35px">
            <div class="header_top">
                <div class="header_left">
                    <a href="" style="color: #FF4400;">亲，请登录</a>
                    <a href="">免费注册</a>
                    <a href="">手机逛淘宝</a>
                    <a href="">网页无障碍</a>
                </div>
                <div class="header_right">
                    <a href="">淘宝首页</a>
                    <a href="">
                        <el-dropdown>
                            <span class="el-dropdown-link">我的淘宝<i class="el-icon-arrow-down el-icon--right"></i></span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>已买到宝贝</el-dropdown-item>
                                <el-dropdown-item>我的足迹</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </a>
                    <a href=""><i class="el-icon-shopping-cart-2" style="color: #FF4400;"></i>购物车</a>
                    <a href="">
                        <el-dropdown>
                            <span class="el-dropdown-link"><i class="el-icon-star-on" style="color: #9c9c9c;"></i>收藏夹<i
                                    class="el-icon-arrow-down el-icon--right"></i></span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>收藏的宝贝</el-dropdown-item>
                                <el-dropdown-item>收藏的店铺</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </a>
                    <a href="">商品分类</a>
                    <a href="">免费开店</a>
                    <el-divider direction="vertical"></el-divider>
                    <a href="">
                        <el-dropdown>
                            <span class="el-dropdown-link">千牛卖家中心<i
                                    class="el-icon-arrow-down el-icon--right"></i></span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>开店入驻</el-dropdown-item>
                                <el-dropdown-item>已卖出的宝贝</el-dropdown-item>
                                <el-dropdown-item>出售中的宝贝</el-dropdown-item>
                                <el-dropdown-item>卖家服务市场</el-dropdown-item>
                                <el-dropdown-item>卖家培训中心</el-dropdown-item>
                                <el-dropdown-item>体检中心</el-dropdown-item>
                                <el-dropdown-item>电商学习中心</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </a>
                    <a href="">
                        <el-dropdown>
                            <span class="el-dropdown-link">联系客服<i class="el-icon-arrow-down el-icon--right"></i></span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>消费者客服</el-dropdown-item>
                                <el-dropdown-item>卖家客服</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </a>
                </div>
            </div>
        </el-header>
        <el-main>
            <div class="header">
                <a href="index_bak.html" id="logo-link">
                    <img src="imgs/logo-login.png" alt="">
                </a>
                <div class="title">用户注册</div>
            </div>
            <div class="reg">
                <div class="reg_input">
                    手机号码
                    <template>
                        <el-select v-model="value" id="country-code">
                            <el-option
                                    v-for="item in options"
                                    :key="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </template>
                    <div id="phone">
                        <el-input v-model="input" placeholder="请输入您的手机号码"></el-input>
                    </div>
                    验证码
                    <div id="code">
                        <el-input v-model="input" placeholder="请输入验证码"></el-input>
                    </div>
                    <span id="getCode">
                            <a href="">获取验证码</a>
                            </span>
                    <el-button>注册</el-button>
                    <div class="agreement">
                        <template>
                            <el-checkbox v-model="checked">
                                已阅读并同意以下协议
                                <a href="">淘宝平台服务协议</a> 、 <a href="">隐私权政策</a> 、<a href="">法律声明</a>、
                                <a href="">支付宝及客户端服务协议</a>
                            </el-checkbox>
                        </template>
                    </div>
                </div>
            </div>
        </el-main>
        <el-footer>
            <div class="footer-hd">
                <p>
                    <a href="//page.1688.com/shtml/about/ali_group1.shtml">阿里巴巴集团</a>
                    <b>|</b>
                    <a href="//www.alibaba.com">阿里巴巴国际站</a>
                    <b>|</b>
                    <a href="//www.1688.com">阿里巴巴中国站</a>
                    <b>|</b>
                    <a href="//www.aliexpress.com">全球速卖通</a>
                    <b>|</b>
                    <a href="//www.taobao.com">淘宝网</a>
                    <b>|</b>
                    <a href="//www.tmall.com">天猫</a>
                    <b>|</b>
                    <a href="//ju.taobao.com">聚划算</a>
                    <b>|</b>
                    <a href="//www.etao.com">一淘</a>
                    <b>|</b>
                    <a href="//www.alimama.com">阿里妈妈</a>
                    <b>|</b>
                    <a href="//www.aliyun.com">阿里云计算</a>
                    <b>|</b>
                    <a href="//www.yunos.com">云OS</a>
                    <b>|</b>
                    <a href="//wanwang.aliyun.com">万网</a>
                    <b>|</b>
                    <a href="//www.alipay.com">支付宝</a>
                </p>
            </div>
            <div class="footer-bd">
                <p>
                    <a href="//huodong.taobao.com/wow/tbhome/act/about-home">关于淘宝</a>
                    <a href="//www.taobao.com/about/partners.php">合作伙伴</a>
                    <a href="//pro.taobao.com">营销中心</a>
                    <a href="//service.taobao.com/support/main/service_route.htm">联系客服</a>
                    <a href="//open.taobao.com">开放平台</a>
                    <a href="//www.taobao.com/about/join.php">诚征英才</a>
                    <a href="//consumerservice.taobao.com/contact-us">联系我们</a>
                    <a href="//www.taobao.com/sitemap.php">网站地图</a>
                    <a href="//terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html">法律声明及隐私权政策</a>
                    <em>&copy; 2022 Taobao.com 版权所有</em>
                </p>
                <p>
                    <span>网络文化经营许可证：<a
                            href="//img.alicdn.com/tps/i4/T1ysdvXtNeXXcPpEkQ-972-636.jpg">文网文[2010]040号</a></span>
                    <b>|</b>
                    <span>增值电信业务经营许可证：浙B2-20080224-1</span>
                    <b>|</b>
                    <span>信息网络传播视听节目许可证：1109364号</span>
                </p>
            </div>
</el-footer>
</el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="js/vue.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                options: [{
                    value: '中国大陆+86'
                }, {
                    value: '中国香港+852'
                }, {
                    value: '中国澳门+853'
                }, {
                    value: '中国台湾+886'
                }, {
                    value: '韩国+82'
                }, {
                    value: '日本+81'
                }, {
                    value: '美国+1'
                }, {
                    value: '加拿大+1'
                }],
                value: '中国大陆+86'
            }
        }
    })
</script>
</html>